字数

715 字

阅读时间

4 分钟

一、重点基础知识

1.1 锚点

// 锚点可快速连接到一文档的指定位置
//创建锚点
<a  name="锚点名称">文本</a>
// 连接锚点
<a  href="#锚点名称">链接文本</a>

1.2 框架标签

// 将一个页面划分为几个部分，分别显示不同的网页部分，该页面没有body体
//rows:按行进行分割页面   cols：按列进行分割页面，xy的值代表分割的百分比，*为剩下的全部。frame中src指向资源路径，划分几个区域，就应有几个frame 如中间还有划分则嵌套frameset标签
<frameset rows(cols)( "x,y")>
	<frame src="资源路径"/>
</frameset>

1.3 内嵌标签

// 在该网页加载另一个网页的资源，达到不同网页资源之间互不干扰
// 当a标签的target的值指向内嵌标签的名字时，在该内嵌标签中展示a标签指向的资源路径
<iframe src="要显示的网页路径" width="宽度" height="高度" name="该标签名字"></iframe>

1.4 元素类型

type=
// 单行文本框
text password 单行文本框 value框内默认显示内容 placeholder 显示提示文本
//单选按钮 实现单选效果 多个单选按钮的name值要保持一致
radio checked="true":默认选中
// 复选框 label标签可实现文本与按钮绑定
checkbox checked="true":默认选中
// 文本域
textarea
// 文件域
file
// 隐藏域
hidden
//提交按钮
submit
//重置按钮
reset
// 图像域
image
//普通按钮
button

1.5 常用标签

<input type="text" required />    必填
<input type="text" pattern="[0-9]{10}">     正则
<input type="email" />    email格式
<input type="url" />	url格式

<input type="number" min="1" max="10" value="1" step="2"> //数字
<input type="range" min="1" max="10" value="1">	//滑动
<input type="date" min="2010-12-16" />	//日期
<input type="time" step="1800" />	//时间
<input type="color" value="#ed1c24" >//拾色器

1.6 音频

// 支持ogg  mp4格式文件
<video width="320" height="240" controls="controls"> 
    <source src="movie.ogg" type="video/ogg"> 
    <source src="movie.mp4" type="video/mp4"> 
  您的浏览器不支持video标签 
</video> 
// 属性 
//autoplay=autoplay 就绪自动播放
//controls=controls 显示控件，如播放按钮
//loop=loop 播放完成后再次开始播放
//preload=preload  如果使用“autoplay”  则忽略该属性
//src=url 要播放视频的url（）
//width=pixels 播放器的宽度

// 支持.wav .mp3音频文件
<audio src="好久不见.mp3" autoplay controls>
您的浏览器不支持 audio 标签。
</audio>
//属性
//autoplay=autoplay 就绪后马上播放
//controls=controls 显示控件，如播放按钮
//loop=loop  播放完成后再次开始播放
//preload=preload 如果使用“autoplay”  则忽略该属性
//src=url 要播放视频的url（）